<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <link rel="stylesheet" href="../../css/api.css">
      <link rel="stylesheet" href="../../css/base_bai/base.css">
      <title>店铺信息设置</title>

      <style>


      html, body{font-size: 100%;background: white}
      .van-nav-bar .van-icon{color:black;}


      .van-cell{    background: #F5F5F5;}

      .file_sty{margin: .5rem}
      .file_sty>div{font-size: 1rem}

      .sub_sty{background: #FF9800;color:white;width: 90%;border-radius: 2rem}
      </style>
  </head>
  <body>
  <div id="app" v-cloak>

    <div>
        <van-nav-bar class="m-header" title="商品数量（9）" left-arrow @click-left="  closeWin()" />
    </div>


    <div style="margin: .5rem;">
        <van-cell-group>
          <van-field v-model="shop_name" placeholder="店铺名称" />
        </van-cell-group>
    </div>
        <div style="margin: .5rem;">
      <van-cell-group>
        <van-field v-model="shop_info" rows="5" autosize  type="textarea"  placeholder="店铺简介"/></van-cell-group>
    </div>

    <div class="file_sty">
      <div>添加店招文件：<span style="color:#979899">仅支持JPG的图片格式</span></div>
      <div style="    margin: 1rem 0;">
        <van-uploader :after-read="afterRead" />
      </div>
    </div>
    <div style="    text-align: center;">
      <van-button  class="sub_sty" size="large">保存</van-button>
    </div>


  </div>
  </body>
  <script src="../../script/api.js"></script>
  <script src="../../script/base_bai/vue.js"></script>
  <script src="../../script/base_bai/vant.js"></script>
  <script src="../../script/base_bai/base.js"></script>
  <script src="../../script/base_bai/temp.js"></script>
  <script type="text/javascript">
      apiready = function(){
            headerH = $api.fixStatusBar($api.byId('app'));
        Vue.prototype.$ac = api;
        initVue()
      };
      if (BrowserType() == 'pc') {
          initVue()
      }
      function initVue() {
          new Vue({
              el: '#app',
            // data: temp.center.order_list,
            data:{
              shop_name:'',
              shop_info:''
            },
            methods: {
              afterRead(file) {
                    // 此时可以自行将文件上传至服务器
                    console.log(file);
                  }
            }

          })
      }
  </script>
  </html>
